@use "@/styles/animate.scss";

// 基础样式
:root {
  margin: 0;
  padding: 0;
}

page {
  @apply text-common bg-common;
  background: #fff;
}

// 底部安全区域
.safe-area-pb {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.safe-area-b {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}

// mp-html样式
.free-mp-html {
  line-height: 2 !important;
  letter-spacing: 4rpx !important;
  font-size: var(--free-text-size-1) !important;
  overflow-wrap: break-word !important;
  white-space: pre-wrap !important;
}

// 按钮
// 按钮公共样式
@mixin commonBtn {
  font-size: var(--free-text-size-3);
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
  min-height: 76rpx;
  line-height: 1;
  margin: 0;
  padding: 0 16rpx;
  box-sizing: border-box;
  border-radius: 999rpx;
  &::after {
    display: none;
  }
}
// 调整默认按钮样式
.btn {
  @include commonBtn;
  & {
    background-color: var(--free-fill-1);
    color: var(--free-color-text-1);
  }
}
.primary-btn {
  @include commonBtn;
  & {
    background-color: var(--free-primary-6);
    color: var(--free-color-text-white);
  }
  &.plain {
    background-color: transparent;
    color: var(--free-primary-6);
    border: 1px solid var(--free-primary-6);
  }
}

// 轮播图
.card-swiper {
  --wot-swiper-radius: 12rpx;
  --wot-swiper-item-padding: 0 10rpx;
  --wot-swiper-nav-dot-color: #e7e7e7;
  --wot-swiper-nav-dot-active-color: var(--free-primary-6);

  .custom-image {
    border-radius: 12rpx;
  }
}

// hover状态
.free-white-hover {
  background-color: var(--free-fill-1) !important;
}

@font-face {
  font-family: 'DIN';
  src: url('/font/D-DIN-PRO.otf');
}
.DIN {
  font-family: "DIN";
}
.primary-bg-1{

  background: linear-gradient(0deg, #F8FCFF 0%, #E0F0FA 100%);
}
.primary-bg-2{

  background: linear-gradient(180deg, #FEF6DD 0%, #FFFEF9 100%)
}

//填充阴影，弧度
.shadow1{
  border-radius: 20px;
  background: var(--text-color-white, #FFF);
  box-shadow: 0px 0px 38.8px 0px rgba(35, 18, 3, 0.05);
}
